var path = $("#path").val();
$(document).ready(function () {
    //头部搜索
    $("#searchs").click(function () {
        if ($("#invalue").is(':visible')) {

            if ($("#invalue").val().length == 0) {

                $("#invalue").hide();
            }

            else {
                //后台代码
                var any = $("#invalue").val();
                window.location=path+'/search/index/?any='+any;
            }

        } else {
            $("#invalue").show();
        }

    });

    //头部搜索
    // $("#sel").click(function () {
    //     //后台代码
    //     var any = $("#search").val();
    //     alert(any);
    //     window.location = path + '/search/index/' + any;
    // });

    //背景图中的搜索
    $("#search").focus(function () {
        $(this).css("padding-right", "180.5px")
    });
    $("#search").blur(function () {
        $(this).css("padding-right", "42.5px")
    });

    // 个人页面  宠物和个人信息
    $("#userinfo_head1").click(function () {
        $("#userinfo_head1").addClass("person");
        $("#userinfo_head2").removeClass("person");
        $("#block1").show();
        $("#block2").hide();


    });

    $("#userinfo_head2").click(function () {
        $("#userinfo_head2").addClass("person");
        $("#userinfo_head1").removeClass("person");	
        $("#block1").hide();
        $("#block2").show();


    });

//关注和粉丝
    $("#focuson1").click(function () {
        $("#focuson1").addClass("gactive");
        $("#focuson2").removeClass("gactive");
        $("#foc1").show();
        $("#foc2").hide();
    });

    $("#focuson2").click(function () {
        $("#focuson2").addClass("gactive");
        $("#focuson1").removeClass("gactive");
        $("#foc2").show();
        $("#foc1").hide();
    });


    //收藏
    $("#coll1").click(function () {
        $("#coll1").addClass("gactive");
        $("#coll2").removeClass("gactive");
        $("#coll3").removeClass("gactive");
        $("#col1").show();
        $("#col2").hide();
        $("#col3").hide();
    });
    $("#coll2").click(function () {
        $("#coll2").addClass("gactive");
        $("#coll1").removeClass("gactive");
        $("#coll3").removeClass("gactive");
        $("#col2").show();
        $("#col1").hide();
        $("#col3").hide();
    });
    $("#coll3").click(function () {
        $("#coll3").addClass("gactive");
        $("#coll2").removeClass("gactive");
        $("#coll1").removeClass("gactive");
        $("#col3").show();
        $("#col2").hide();
        $("#col1").hide();
    });



    //帖子/动态/宠物秀
    $("#post").click(function () {
        $("#post").addClass("zactive");
        $("#petshow").removeClass("zactive");
        $("#dynamic").removeClass("zactive");
        $("#module1").show();
        $("#module2").hide();
        $("#module3").hide();
    });

    $("#petshow").click(function () {
        $("#post").removeClass("zactive");
        $("#petshow").addClass("zactive");
        $("#dynamic").removeClass("zactive");
        $("#module2").show();
        $("#module1").hide();
        $("#module3").hide();
    });

    $("#dynamic").click(function () {
        $("#post").removeClass("zactive");
        $("#petshow").removeClass("zactive");
        $("#dynamic").addClass("zactive");
        $("#module3").show();
        $("#module2").hide();
        $("#module1").hide();
    });


    //日期选择
    // $('#data .input-group.date').datepicker({
    //     todayBtn: "linked",
    //     keyboardNavigation: false,
    //     forceParse: false,
    //     calendarWeeks: true,
    //     autoclose: true
    // });

    //首页
    $("#index01").click(function () {
        $("#index01").addClass("ztxaction");
        $("#index02").removeClass("ztxaction");
        $("#index03").removeClass("ztxaction");
        $("#index04").removeClass("ztxaction");
        $("#in01").show();
        $("#in02").hide();
        $("#in03").hide();
        $("#in04").hide();
    });

    $("#index02").click(function () {
        $("#index02").addClass("ztxaction");
        $("#index01").removeClass("ztxaction");
        $("#index03").removeClass("ztxaction");
        $("#index04").removeClass("ztxaction");
        $("#in02").show();
        $("#in01").hide();
        $("#in03").hide();
        $("#in04").hide();
    });

    $("#index03").click(function () {
        $("#index03").addClass("ztxaction");
        $("#index02").removeClass("ztxaction");
        $("#index01").removeClass("ztxaction");
        $("#index04").removeClass("ztxaction");
        $("#in03").show();
        $("#in02").hide();
        $("#in01").hide();
        $("#in04").hide();
    });

    $("#index04").click(function () {
        $("#index04").addClass("ztxaction");
        $( "#index02").removeClass("ztxaction");
        $("#index03").removeClass("ztxaction");
        $("#index01").removeClass("ztxaction");
        $("#in04").show();
        $("#in02").hide();
        $("#in03").hide();
        $("#in01").hide();
    });
//导航
    $("#ztone").click(function () {
        $("#ztone").addClass("dactive");
        $("#zttwo").removeClass("dactive");
        $("#ztthree").removeClass("dactive");
        $("#ztfour").removeClass("dactive");
        $("#zt01").show();
        $("#zt02").hide();
        $("#zt03").hide();
        $("#zt04").hide();
    });

    $("#zttwo").click(function () {
        $("#zttwo").addClass("dactive");
        $("#ztone").removeClass("dactive");
        $("#ztthree").removeClass("dactive");
        $("#ztfour").removeClass("dactive");
        $("#zt02").show();
        $("#zt01").hide();
        $("#zt03").hide();
        $("#zt04").hide();
    });

    $("#ztthree").click(function () {
        $("#ztthree").addClass("dactive");
        $("#zttwo").removeClass("dactive");
        $("#ztone").removeClass("dactive");
        $("#ztfour").removeClass("dactive");
        $("#zt03").show();
        $("#zt02").hide();
        $("#zt01").hide();
        $("#zt04").hide();
    });

    $("#ztfour").click(function () {
        $("#ztfour").addClass("dactive");
        $("#zttwo").removeClass("dactive");
        $("#ztthree").removeClass("dactive");
        $("#ztone").removeClass("dactive");
        $("#zt04").show();
        $("#zt02").hide();
        $("#zt03").hide();
        $("#zt01").hide();
    });
});

